<!DOCTYPE html>
<html>
<head>
    <mate  content="text/html; charset=UTF-8"></mate>
    <title></title>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
    <style type="text/css">
        .body{
            text-align:center;
            vertical-align:middle;
        }
        .div-main{
            width: 300px;
            height: 296px;
            margin-top: 10%;
            margin-left: 40%;
        }
        .login-span{
            width: 300px;
            height: 100px;
            margin-bottom: 20px;
            background-image: url(login.jpg);
        }
        .login-text{
            width: 100%;
            height: 50px;
            display: block;
        }
        #clear{
            clear: both;
        }
        .div-login{
            margin-top: 12px;
            margin-left: auto;
        }
        .input-margin{
            margin-top: 17px;
        }
        .error-span{
            height: 20px;
            widows: 100%;
            font-size: 14px;
            color: red;
            vertical-align: middle;
            margin-top: 10px;
        }
        .btn-login{
            margin-top: 20px;
            width: 100%;
            height: 50px;
            text-align: center;
            vertical-align: middle;
            background:#00d762;
            color: whitesmoke;
            border: 1px solid whitesmoke;
            font-family: monospace;
            font-size: 18px;
        }
        .regist-div{
            height: 50px;
        }
        .regist-div-right{
            margin-left: 80%;
            width: 100px;
            height: 50px;
        }
        .regist-a{
            heigth:	50px;
            display: block;
            padding: 10px;
        }
    </style>
</head>
<body class="body">
<div class="regist-div">
    <div class="regist-div-right">
        <a href="regist.html" class="regist-a">Regist</a>
    </div>
</div>
<div class="div-main">
    <div class="login-span">
    </div>
    <form action="login" method="post">
        <input type="text" name="uname" class=" login-text" placeholder="Account" aria-describedby="sizing-addon2">
        <input type="password" name="psd" class=" input-margin login-text" placeholder="Password" aria-describedby="sizing-addon2">
        <button type="submit" class="btn btn-primary btn-login">Login</button>
    </form>
</div>
<script type="text/javascript">


</script>
</body>
</html>